<!DOCTYPE html>
<!-- Template Name: Rapido - Responsive Admin Template build with Twitter Bootstrap 3.x Version: 1.0 Author: ClipTheme -->
<!--[if IE 8]><html class="ie8 no-js" lang="zh-CN"><![endif]-->
<!--[if IE 9]><html class="ie9 no-js" lang="zh-CN"><![endif]-->
<!--[if !IE]><!-->
<html lang="zh-CN" class="no-js">
	<!--<![endif]-->
	<!-- start: HEAD -->
	<head>
		<title>Rapido - Responsive Admin Template</title>
		<!-- start: META -->
		<meta charset="utf-8" />
		<!--[if IE]><meta http-equiv='X-UA-Compatible' content="IE=edge,IE=9,IE=8,chrome=1" /><![endif]-->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta content="" name="description" />
		<meta content="" name="author" />
		<!-- end: META -->
		<!-- start: MAIN CSS -->
		<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="assets/plugins/animate.css/animate.min.css">
		<link rel="stylesheet" href="assets/plugins/iCheck/skins/all.css">
		<link rel="stylesheet" href="assets/css/styles.css">
		<link rel="stylesheet" href="assets/css/styles-responsive.css">
		<link rel="stylesheet" href="assets/plugins/iCheck/skins/all.css">
		<!--[if IE 7]>
		<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome-ie7.min.css">
		<![endif]-->
		<!-- end: MAIN CSS -->
		<!-- start: CSS REQUIRED FOR THIS PAGE ONLY -->
		<!-- end: CSS REQUIRED FOR THIS PAGE ONLY -->
		<link rel="stylesheet" href="assets/plugins/toastr/toastr.min.css">
	</head>
	<!-- end: HEAD -->
	<!-- start: BODY -->
	<body class="login">
		<div class="box-login">
			<div class="logo"></div>
			<div class="formBox">
				<h1 class="title">账号登录</h1>
				<div class="wrow">
					<div class="iconBox">
						<i class="fa fa-user"></i>
					</div>
					<div class="inputBox">
						<input placeholder="用户名">
					</div>
				</div>
				<div class="wrow">
					<div class="iconBox">
						<i class="fa fa-unlock-alt"></i>
					</div>
					<div class="inputBox">
						<input type="password" placeholder="密码">
					</div>
				</div>
				<div class="wrow">
					<div class="iconBox">
						<i class="fa fa-shield"></i>
					</div>
					<div class="inputBox">
						<input type="password" placeholder="验证码" style="width: 125px; float: left">
						<img src="assets/images/bg_2.png" style="width: 125px; float: right; height: 46px">
					</div>
				</div>
				<div class="wrow">
					<label class="checkbox-inline">
						<input type="checkbox" value="" class="teal">
						记住密码
					</label>
				</div>
				<div class="wrow">
					<button type="submit" onclick="showTip();" class="btn btn-dark-yellow  btn-squared btn-lg" style="width: 100%">
						登 录
					</button>
				</div>
			</div>
		</div>
		<div class="wTip" id="tip"><span>验证码错误！</span></div>
	</body>
	<!-- start: MAIN JAVASCRIPTS -->
	<!--[if lt IE 9]>

	<script type="text/javascript" src="assets/plugins/jQuery/jquery-1.11.1.min.js"></script>
	<![endif]-->
	<!--[if gte IE 9]><!-->
	<script src="assets/plugins/jQuery/jquery-2.1.1.min.js"></script>
	<!--<![endif]-->
	<script src="assets/plugins/jquery-ui/jquery-ui-1.10.2.custom.min.js"></script>
	<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
	<script src="assets/plugins/blockUI/jquery.blockUI.js"></script>
	<script src="assets/plugins/iCheck/jquery.icheck.min.js"></script>



	<!-- start: CORE JAVASCRIPTS  -->
	<script src="assets/js/main.js"></script>
	<!-- end: CORE JAVASCRIPTS  -->
	<script src="assets/plugins/toastr/toastr.js"></script>
	<script>

        function showTip() {
            $("#tip").toggle();
        }
	</script>
	<!-- end: BODY -->
</html>